﻿@model MobileWebsiteGenerator.Models.MainViewModel
@{
    char[] type = new char[] { ',' };

    var SwatchData = Model.MyTheme.Swatch.Split(type);
    var listtext = SwatchData[0];
    var listBG = SwatchData[1];
    var hoverBg = SwatchData[2];
    
}
<style type="text/css">
    ul.metroui-list
    {
        list-style: none;
        padding: 0;
        margin:5;
    }
    
    ul.metroui-list li
    {
        padding: 10px;
        margin-top: 2px;
        color:@listtext;
        margin-bottom: 2px;
        background-color:@listBG;
        color: #6495ED;
        cursor: pointer;
        border-radius:5px;
    }
    
    ul.metroui-list li:hover
    {
        background-color:@hoverBg;
    }
    
    li.metroui-list-selected
    {
        background-color: #4e534b !important;
        color: #fff;
    }
</style>
<div style="margin: 3px;">
    <ul id="menu" class="metroui-list">
        @foreach (var item in Model.ContentPages)
        {



            if (item.title == "ContactUs")
            {
            <li id="ContactUS">ContactUS</li>}
            else
            {
            <li>@item.title</li>}

        }
    </ul>
</div>
